<template>
  <div class="index">
    <router-view></router-view>
    <tab-bar :tabbarArray="tabbarArray"></tab-bar>
  </div>
</template>

 <script>
import TabBar from "../components/TabBar";
export default {
  name: "index",
  data() {
    return {
      tabbarArray: [
        {
          icon: "icon-zhuye",
          name: "下厨房",
          path: "/home",
        },
        {
          icon: "icon-leimupinleifenleileibie",
          name: "分类",
          path: "/class",
        },
        {
          icon: "icon-biaoqiankuozhan_chaoshi-217",
          name: "市集",
          path: "/market",
        },
          {
          icon: "icon-chaoshi",
          name: "购物车",
          path: "/shoppingcar",
        },
        {
          icon: "icon-wode2",
          name: "我的",
          path: "/mine",
        },
      ],
    };
  },
  components: {
    TabBar,
  },
};
</script>
<style lang="scss" scoped>
.index{
    width: 100%;
    // 注意calc里面+ -号左右要加空格
     height: calc(100% - $tabbar-height);
    overflow: auto;
}
</style>
